$(function () {
    // 全局变量
    var $nickname = $("#nickname");
    var $email = $("#email");
    var $phone = $("#phone");
    // 三个标杆
    var nFlag = false, eFlag = false, pFlag = false;
    // 表单失去焦点
    $nickname.blur(function () {

        // var res = /^[a-zA-Z0-9\u2E80-\u9FFF._-]{3,16}$/.test($nickname.val());
        // if (res) {//昵称正确
        //     $nickname.css({
        //         "border": "1px solid #0eeb0e"
        //     }).next().html("");
        // } else {//昵称错误
        //     $nickname.css({
        //         "border": "1px solid red"
        //     }).next().html("昵称格式错误");
        // }
        nFlag = checkInput($nickname, /^[a-zA-Z0-9\u2E80-\u9FFF._-]{3,16}$/, "昵称格式错误")
    })
    $email.blur(function () {
        // var res = /^([a-zA-Z0-9_.-]+)@([da-z.-]+).([a-z.]{2,6})$/.test($email.val());
        // if (res) {//昵称正确
        //     $email.css({
        //         "border": "1px solid #0eeb0e"
        //     }).next().html("");
        // } else {//昵称错误
        //     $email.css({
        //         "border": "1px solid red"
        //     }).next().html("邮箱格式错误");
        // }

        eFlag = checkInput($email, /^([a-zA-Z0-9_.-]+)@([da-z.-]+).([a-z.]{2,6})$/, "邮箱格式错误");
    })

    $phone.blur(function () {
        pFlag = checkInput($phone, /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, "手机格式不正确");
    })
    // 检查正则表达式表单填写是否正确
    function checkInput(obj, reg, msg) {
        var res = reg.test(obj.val());
        if (res) {//正则正确
            obj.css({
                "border": "1px solid #0eeb0e"
            }).next().html("");
        } else {//正则错误
            obj.css({
                "border": "1px solid red"
            }).next().html(msg);
        }
        return res;
    }



    $("#update").click(function () {
        if (!(nFlag && eFlag && pFlag)) {
            // 我想实现点击按钮之后可以再次触发事件，用到事件委派
            $nickname.blur();
            $email.blur();
            $phone.blur();
        }
        $.ajax({
            url: "http://localhost:8848/updateuser.php",
            type: "POST",
            data: {
                id: localStorage.getItem("uid"),
                nickname: $nickname.val(),
                email: $email.val(),
                phone: $phone.val()
            },
            success: function (data) {
                if (data == "ok") {
                    alert("修改资料成功");
                    location.href = "/#personal"
                } else {
                    alert("修改资料失败");
                }
            }
        })
    })
})